<?xml version="1.0" encoding="UTF-8" ?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	template="/WEB-INF/plantillas/default/tpl_login.xhtml">

	<ui:define name="title">::Sistema Integral de Gestión de Clientes de Alojamiento Web::</ui:define>
	<ui:define name="cuerpo">
		<h:form id="#{loginController.idFormulario}">
			<h:graphicImage name="img/login/security.png" width="100" height="100"></h:graphicImage>
			<br />
			
			<table id="tablaLogin" cellspacing="14" border="0">
				<tr>
					<td align="right"><h:outputText styleClass="etiqueta" value="Usuario :"/></td>
					<td><p:inputText id="usuario" value="${usuario}" /></td>
				</tr>
				<tr>
					<td align="right"><h:outputText styleClass="etiqueta" value="Clave : "/></td>
					<td><p:password id="clave"  /></td>
				</tr>
				<tr>
					<td><h:outputText value=""/></td>
					<td><h:commandButton styleClass="boton" value="Ingresar" action="#{loginController.validarUsuario}" /><span>    </span>
						<h:commandButton styleClass="boton" value="Restaurar" type="reset" /></td>
				</tr>
			</table>
			<br />
			<p:growl id="#{loginController.idNotificacion}" showDetail="true" life="3000"></p:growl>
		</h:form>
	</ui:define>
</ui:composition>